<!DOCTYPE html>
<html lang="zh-ch">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chorme=1">
		<meta name="viewport" content="target-densitydpi=medium-dpi,width=device-width,height=device-height,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/swiper.css"/>
		<link rel="stylesheet" href="css/index.css"/>
		<link rel="stylesheet" href="css/fancybox.css"/>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript" src="js/swiper.js"></script>
		<script type="text/javascript" src="js/change-html-fz.js"></script>
		<script type="text/javascript" src="js/simpler-sidebar.js"></script>
		<script type="text/javascript" src="js/fancybox.js"></script>
	</head>
	<body>
		
		<!-- 移动端导航 -->
		<!-- 头部 -->
		<div class="header clearfix">
			<div class="menu" id="menu"></div>
			<div class="lang"><a href="###">EN</a></div>
			<h1><a href="###"></a></h1>
			<div class="sidebar" id="dowebok">
			    <div class="sidebar-wrapper" id="sidebar-wrapper">
			        <ul class="menu_nav">
			        	<li>
			        		<p class="hd">首页</p>
			        		<ul class="bd">
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        			<li><a href="###">测试</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">品牌中心</p>
			        		<ul class="bd">
			        			<li><a href="###">公司简介</a></li>
			        			<li><a href="###">荣誉证书</a></li>
			        			<li><a href="###">设备技术</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">产品中心</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">工程案例</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">招商加盟</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">新闻聚焦</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        	<li>
			        		<p class="hd">联系我们</p>
			        		<ul class="bd">
			        			<li><a href="###">第二目录</a></li>
			        		</ul>
			        	</li>
			        </ul>
			    </div>
			</div>
		</div>
		
		
		
		<!-- 标题图片 -->
		<div class="tit_img" style="background-image: url(img/hpro.jpg);"></div>
		
		<!-- 产品详情页 -->
		<div class="pro_det">
			<div class="main">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide"><div class="img swiper-zoom-container"><div class="img_box"><img src="img/pro01.jpg" alt=""></div></div></div>
						<div class="swiper-slide"><div class="img swiper-zoom-container"><div class="img_box"><img src="img/pro01.jpg" alt=""></div></div></div>
						<div class="swiper-slide"><div class="img swiper-zoom-container"><div class="img_box"><img src="img/pro01.jpg" alt=""></div></div></div>
					</div>
					<div class="button-prev">&lt;</div><!--左箭头。如果放置在swiper-container外面，需要自定义样式。-->
					<div class="button-next">&gt;</div><!--右箭头。如果放置在swiper-container外面，需要自定义样式。-->
				</div>
			</div>
		</div>
		
		
		
		<div class="pro_det">
			<div class="main">
				<h3>后备式 DK3000</h3>
				<div class="text_box">                
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
					<p><span>产品功率:</span>1.8KW(千瓦)</p>
				</div>
				<div class="pages">
					<div><a href="###">上一个</a></div>
					<div><a href="###">下一个</a></div>
					<div><a href="###">返回列表</a></div>
				</div>
			</div>
		</div>
		
		
		
		<div class="pro_text">
			<div class="main">
				<ul>
					<li>
						<span class="title on" href="###">产品综述</span>
						<div>
							<p>
								UPS型号：DK600, DK1000 额定容量: 600VA/360W, 900VA/540W ，IT行业必备经济型UPS。								金武士DK600/DK1000平时处于蓄电池充电状态，在停电时逆变器紧急切换到工作状态，
								将电池提供的直流电转变为稳定的交流电输出，非在线式UPS电源的优点是运行效率高，噪音低，
								价格相对便宜，主要适用于市电波动不大，对供电质量要求不高的场合。
								适用于企事业单位、政府、科研、交通、国防、信息及教育等行业的PC机、路由器、POS机、通
								信机及工控产品等供电保护。
							</p>							<p> UPS型号：DK1200,DK2000,DK3000 </p>							<p> 额定容量：1000VA/600W,2000VA/1200W,3000VA/1800W </p>
							<p>(1)电路采用MCU芯片智能化控制设计，功能齐全，提供更安全保障</p>							<p>(2)超宽输入电压范围与宽频率输入，增强产品使用适应能力</p>							<p>(3)具有输入、输出欠压和过压全面保护、输出短路或过载保护功能</p>							<p>(4)具有电池供电模式下无载自动关机 </p>							<p>(5)支持无人值守，电池低压或无载自动关机后来市电自动开机运行 </p>							<p>(6)具有接入市电不用开机自动充电功能 </p>
						</div>
					</li>
					<li>
						<span class="title" href="###">详细参数</span>
						<div>content2</div>
					</li>
					<li>
						<span class="title" href="###">安装说明</span>
						<div>content3</div>
					</li>
					<li>
						<span class="title" href="###">产品图片</span>
						<div>content3</div>
					</li>
					<li>
						<span class="title" href="###">售后服务</span>
						<div>content3</div>
					</li>
					<li>
						<span class="title" href="###">文档</span>
						<div>content3</div>
					</li>
				</ul>
			</div>
		</div>
		
		
		
		<div class="footer">
			<div class="footer_text">
				<p>——————————</p>
				<p> Copyright &copy; 佛山市华葆电源设备有限公司 </p>
				<p> 技术支持：云路科技 </p>
			</div>
		</div>
		<!-- 底部导航 -->
		<div class="b_tool">
			<div class="main clearfix">
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool1.png" alt="">
						</div>
						<h4>网站首页</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="tel:400-830-8833">
						<div class="img_box">
							<img src="img/b_tool2.png" alt="">
						</div>
						<h4>产品质量</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool3.png" alt="">
						</div>
						<h4>联系电话</h4>
					</a>
				</div>
				<div class="col-4">
					<a href="###">
						<div class="img_box">
							<img src="img/b_tool4.png" alt="">
						</div>
						<h4>置顶</h4>
					</a>
				</div>
			</div>
		</div>
		
		<script src="js/index.js"></script>
	</body>
</html>
